<template>
  <div
    id="memos"
    class="container"
  >
    <Memo
      v-for="item in doFilterMember()"
      :key="item.it"
      :memo="item"
    />
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import ItemData from "../model/ItemData";
import Memo from "./Memo.vue";

@Component({
  components: {
    Memo
  }
})
export default class ItemList extends Vue {
  memberArrlist: ItemData[] = this.$store.state.aHelper.memberList;
  created() {}
  doFilterMember() {
    if (this.$store.state.filterCategoryId == -1) {
      return this.memberArrlist;
    } else {
      return this.memberArrlist.filter((ele: any) => {
        return ele.categoryId == this.$store.state.filterCategoryId;
      });
    }
  }
}
</script>

<style lang="scss" scoped>
</style>